<template>
    <div>
     <md-editor v-model="source" />
    </div>
</template>

<script>
import { reactive, toRefs } from 'vue'
 import MdEditor from 'md-editor-v3';
 import 'md-editor-v3/lib/style.css';
export default {
    components:{MdEditor},
    setup () {
        const state = reactive({
            count: 0,
            source: '# Hello World!'
        })
    
        return {
            ...toRefs(state),
        }
    }
}
</script>

<style lang="scss" scoped>

</style>